<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--    <link rel="stylesheet" href="/static/css/style.css">-->

    <title>
        {% block title%}
          title
        {% endblock %}
    </title>
    {% block style%}
    <style>
        * { margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: '微软雅黑', sans-serif;

        }

        body {
            background-color: #f5f5f5;
        }

        /* 导航栏样式 */
        .navbar {
            background-color: #fff;
            padding: 1rem 5%;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }

        .nav-links {
            display: flex;
            justify-content: flex-end;
            list-style: none;
        }

        .nav-links a {
            color: #333;
            text-decoration: none;
            margin-left: 2rem;
            padding: 0.5rem 1rem;
            transition: color 0.3s;
        }


        /* 家乡简介 */
        .intro {
            padding: 4rem 5%;
            background-color: white;
        }

        /* 特色景点 */
        .attractions {
            padding: 4rem 5%;
        }

        .card-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }

        .card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }

        .card img {
            width: 100%;
            height: 380px;
            object-fit: cover;
        }

        .card-content {
            padding: 1.5rem;
        }

        /* 页脚 */
        footer {
            background-color: #333;
            color: white;
            padding: 2rem 5%;
            text-align: center;
        }
    </style>
    {% endblock %}
</head>
<body>
 {% block navgator%}

    <!-- 导航栏 -->
    <nav class="navbar">
        <ul class="nav-links">
            <li><a href="/">首页</a></li>
             <li><a href="/natural/">自然风光</a></li>
            <li><a href="/food/">特色美食</a></li>
             <li><a href="/history/">历史文化</a></li>
             <li><a href="/minsufengqing/">民俗风情</a></li>
<!--             <li><a href="/travel/">旅行攻略</a></li>-->
             <li><a href="/changyanyunge/">畅言云阁</a></li>
             <li><a href="/register/">注册</a></li>

            {% if user.is_authenticated %}
                 <li><a href="/logout/">退出登录</a></li>

            {% else %}
               <li><a href="/login/">登录</a></li>
            {% endif %}
             <li><a href="/guanyuwomen/">关于我们</a></li>
             <li><a href="/lianxiwomen/">联系我们</a></li>
        </ul>
    </nav>
{% endblock %}

 {% block main %}


{% endblock %}
 {% block footer %}
    <!-- 页脚 -->
    <footer>
        <p>© 2023 山水之城文化旅游局 版权所有</p >
        <p style="margin-top: 1rem;">联系方式：xxx-xxxxxxxx</p >
    </footer>
{% endblock %}
</body>
</html>
